<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>充值</title>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body id="cz">
    <div class="container" >
        <h2>请输入充值金额</h2>
        <div class="form-item">
            <input type="tel" value="1" />
            <i class="empty"></i>
        </div>
        <div class="btn submit-btn"> 下一步</div>
        <div class="btn submit-btn active"> 下一步</div>


        <div class="warp-pay hide">
            <div class="lay-pay ">
                <div class="hd">
                    <i class="close-pay"></i>
                    选择支付方式
                </div>
                <ul class="bd">
                    <li>
                        支付宝支付
                    </li>
                    <li>
                        微信支付
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <script src="js/rem.js"></script>
    <script src="js/jquery.js"></script>
    <script src="libs/layer_mobile/layer.js"></script>
    <script>

        $(".submit-btn").click(function () {
            layer.open({
                type: 1
                ,content: $(".warp-pay").html()
                ,anim: 'up'
                ,style: 'position:fixed; bottom:0; left:0; width: 100%; height: 200px; border:none;'
            });
        })


    </script>
</body>
</html>